<template>
  <div>
    <ul>
      <router-link to="/music/dation" tag="li" active-class="box">发现音乐</router-link>
      <router-link to="/video/video" tag="li" active-class="box">视频</router-link>

    </ul>
  </div>
</template>
<style scoped>
div ul {
  position: fixed;
  left: 20px;
  top: 70px;
  z-index: 1000;
}
ul li {
  margin: 20px 0;
  list-style: none;
  padding: 7.5px 8px 5.5px 7px;
  font-size: 20px;
}
ul li a {
  display: block;
  color: #000;
  text-decoration: none;
}
ul li:hover {
  cursor: pointer;
}
.box {
  background-color: #f6f6f7;
  font-weight: 600;
}
</style>
